// m- 前缀通用css
// m: microvideo
// 多处通用，请谨慎修改

// 间距
@interval: 20px;

// flex布局
.m-flex-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
}

// 页面top
// 适合放搜索条件及按钮  左右布局
.m-top {
  margin-bottom: @interval;
  display: flex;
  justify-content: space-between;
  .left {
    display: flex;
    align-items: left;
  }
  .right {
    display: flex;
    align-items: right;
  }
}

// 页面主要内容
.m-main {
  flex: 1;
}

// 描述信息
.m-descriptions {
  @interval: 10px;
  &-title {
    font-size: 18px;
    margin-bottom: @interval;
  }
  &-item {
    display: flex;
    margin-bottom: @interval;
  }
  &-label {
    flex-shrink: 0;
  }
  &-text {
    flex: 1;
  }
}

// .m-list {
//   display: flex;
//   flex-direction: row;
//   flex-wrap: wrap;
//   width: calc(100% + @interval);
//   > div {
//     margin-right: @interval;
//     margin-bottom: @interval;
//   }
// }
